<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="body">
    <!-- 头部密码登录 -->
    <header class="header">
        <span class="top_con">
            <a class="f18 cfff" href="./login.html">账号登录</a></span>
    </header>
    <!-- 主体登录注册 -->
    <main class="main">
        <!-- 版心 -->
        <div class="wrap">
            <div class="nav_top">手机号登录/注册</div>
            <div class="nav_btm">快速找到好友,一站式记录你的运动</div>
            <div class="form">
                <p>
                    <span class="telephone cfff fw f16">+86 <i class="iconfont icon-xiabiao"></i></span>
                    <input class="inp_pad inp_com" type="text" placeholder="请输入手机号">
                </p>
                <p class="code_flx">
                    <input class="ipn_code inp_com" type="text" placeholder="请输入验证码">
                    <!-- 验证码 -->
                    <canvas id="captcha"width="110" height="40"></canvas>
                </p>
                <p>
                    <input class="inp_com password" type="password" placeholder="请输入密码">
                </p>
                <p>
                    <input class="inp_com to_password" type="password" placeholder="请再次确认密码">
                </p>
                <button type="submit" class="btn cfff">注册账号</button>
            </div>
            <div class="errors"></div>
        </div>
    </main>
    <!-- 底部log字 -->
    <footer class="footer">
        <span>-HOLD ON-</span>
    </footer>
</body>

</html>